layui.use(['form', 'layer', 'table', 'laydate', 'func', 'ax', 'tableSelect', 'laypage'], function () {
    var layer = layui.layer;
    var table = layui.table;
    var form = layui.form;
    var laydate = layui.laydate;
    var func = layui.func;
    var $ax = layui.ax;
    var tableSelect = layui.tableSelect;
    var laypage = layui.laypage;

    /**
     * 初始化表单，要加上，不然刷新部分组件可能会不加载
     */
    form.render();

    /**
     * 初始化表格
     */
    var Images = {
        tableId: "ImagesTable", //表格id
        params:{
            fileOrgname: '',
            limit: 18,
            page: 1,
            count: 0
        }
    };

    //初始化
    $(function(){
        initImage();
    });

    //获取数据列表
    function initImage(){
        var ajax = new $ax(Feng.ctxPath + "/rw/images/list", function (data) {
            var images_delete = $("#images_delete").val();
            var listHtml = "";
            data.data.forEach(function(item){
                //计算大小
                var size = (parseInt(item.fileSize) / 1024 / 1024).toFixed(3) + 'M';

                listHtml += '<div class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-md2 img-box">';
                listHtml += '<div class="img-con">';
                listHtml += '<div class="img-content">';
                listHtml += '<img src="/hyRedWineFile/images/' + item.fileName + '">';
                listHtml += '</div>';
                listHtml += '<div class="fileOrgname" title="' + item.fileOrgname + '">' + item.fileOrgname + '</div>';
                listHtml += '<div class="img-btn">';
                listHtml += '<span class="fileSize">大小：' + size + '</span>';
                if(images_delete == 1){
                    listHtml += '<button class="layui-btn layui-btn-xs layui-btn-danger btnDelete">删除</button>';
                    listHtml += '<input type="hidden" value="' + item.id + '">';
                }
                listHtml += '</div></div></div>';
            });
            $("#imageShowList").html(listHtml);

            Images.params.count = data.count;

            //初始化分页
            pageList();

        }, function (data) {
            Feng.error("获取失败！" + data.responseJSON.message)
        });
        ajax.set({
            fileOrgname: Images.params.fileOrgname,
            limit: Images.params.limit,
            page: Images.params.page
        });
        ajax.start();
    }

    /**
     * 弹出添加对话框
     */
    Images.openAdd = function () {
        top.layui.admin.open({
            type: 2,
            title: '上传图片',
            area: ['70%', '85%'], // 宽高
            fix: false, // 不固定
            maxmin: true,
            content: Feng.ctxPath + '/rw/images/addOrEdit',
            end: function () {
                location.reload();
            }
        })
    };

    // 添加按钮点击事件
    $("#btnAdd").click(function(){
        Images.openAdd();
    });

    // 监听搜索操作
    $("#btnSearch").on('click', function () {

        Images.params.limit = 18;
        Images.params.page = 1;

        //获取搜索条件
        Images.params.fileOrgname = $("#fileOrgname").val();

        //封装
        var dataObject = {};
        dataObject['fileOrgname'] = Images.params.fileOrgname;

        initImage();

        return false;
    });

    // 监听重置操作
    $("#btnReset").on('click', function () {

        //初始化
        $("#fileOrgname").val("");
        Images.params.fileOrgname = "";
        Images.params.limit = 18;
        Images.params.page = 1;

        form.render();

        initImage();

        return false;
    });

    //初始化分页
    function pageList(){
        laypage.render({
            elem: 'pageList' //注意，这里的 test1 是 ID，不用加 # 号
            ,count: Images.params.count //数据总数，从服务端得到
            ,limit: Images.params.limit //每页条数
            ,curr: Images.params.page //页数
            ,limits: [12, 18, 30, 42, 54, 66, 78, 90] //每页条数的选择项
            ,layout: ['prev', 'page', 'next', 'limit', 'count'] //自定义排版
            ,jump: function(obj, first){ //obj包含了当前分页的所有参数
                //首次不执行
                if(!first){
                    Images.params.page = obj.curr;
                    Images.params.limit = obj.limit;
                    initImage();
                }
            }
        });
    }

    /**
     * 点击删除按钮
     *
     * @param data 点击按钮时候的行数据
     */
    $(document).on("click", ".btnDelete", function(){

        var imagesId = $(this).siblings('input').val();

        var operation = function () {
            var ajax = new $ax(Feng.ctxPath + "/rw/images/delete", function (data) {
                Feng.success("删除成功!");
                location.reload();
            }, function (data) {
                Feng.error("删除失败!" + data.responseJSON.message + "!");
            });
            ajax.set("imagesId", imagesId);
            ajax.start();
        };
        Feng.confirm("是否删除该图片(不可恢复)?", operation);
    });

    //图片预览
    $(document).on("click", ".img-content", function(){

        var fileName = $(this).children('img').attr('src');

        var imgHtml = "<img src='" + fileName + "' style='position:absolute;left:0;bottom:0;right:0;top:0;margin:auto;max-width:95%; max-height:95%;'/>";

        //捕获页
        var index = top.layer.open({
            type: 1,
            title: '图片预览', //标题
            shadeClose: true,
            area: ['100%', '100%'],
            content: imgHtml //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
        });
    });

    // 工具条点击事件
    // table.on('tool(' + Images.tableId + ')', function (obj) {
    //     var data = obj.data;
    //     var layEvent = obj.event;
    //
    //     if(layEvent === 'delete'){
    //         Images.onDelete(data);
    //     }
    // });

});

$(function () {
    var panehHidden = false;
    if ($(this).width() < 769) {
        panehHidden = true;
    }
    $('#myContiner').layout({initClosed: panehHidden, west__size: 260});
});